<template>
  <div>
    <button @click='fn(3000)'>发工资啦，我的工资是3000</button><br /><br />
    <button @click='fn(-2800)'>给喜欢的女主播刷了火箭-2800</button><br /><br />
    <button @click='fn(10000)'>送外卖赚了10000</button><br /><br />
    <button @click='fn(-18000)'>给暗恋的女生买了爱马仕-18000</button><br /><br />
    <button @click='fn(8000)'>晚上去做代驾赚了8000</button><br /><br />
    <button @click='fn(-100)'>买泡面100</button><br /><br />
    <button @click='fn(-50)'>买水50</button><br /><br />

    <p>我这个月还有{{ num }}元</p>
  </div>
</template>

<script>
export default {
  //该vue组件的数据源
  data() {
    return {
      num:0
    }
  },
  methods:{
    fn(a) {
        console.log(this.num += a);
    }
  }
}
</script>

<style scoped></style>